<template>
  <!-- min-h-screen -->
  <div className="mt-5  bg-white flex items-center justify-center p-4">
    <div className="max-w-5xl w-full space-y-6">
      <div className="text-center space-y-4">
        <div className="flex justify-center items-center">
          <el-icon :size="40" ><OfficeBuilding /></el-icon>
        </div>
        <h1 className="text-3xl font-bold text-gray-800">温馨提示</h1>
      </div>

      <div className="space-y-4 bg-white rounded-2xl shadow-sm border border-gray-100">
        <div className="space-y-4">
          <div className="space-y-4">
            <div className="flex items-center space-x-4 p-4 bg-blue-50 rounded-lg">
              <el-icon :size="32" ><House /></el-icon>
              <p className="text-gray-700 text-base indent-2xl">全国基层医疗机构互联网联盟云平台的后台管理系统,有平台管理系统和单位管理系统组成。用户可以根据自己的管理对象进行选择管理。</p>
            </div>

            <div className="flex items-center space-x-4 p-4 bg-blue-50 rounded-lg">
              <el-icon :size="32" >
                <Monitor />
              </el-icon>
              <p className="text-gray-700 text-base indent-2xl">当平台管理系统的管理员用户,选择平台管理系统时,可在管辖区内对全国基层医疗机构互联网联盟云平台内,所有入驻的单位进行综合管理。</p>
            </div>

            <div className="flex items-center space-x-4 p-4 bg-blue-50 rounded-lg">
              <el-icon :size="32" ><Tickets /></el-icon>
              <p className="text-gray-700 text-base indent-2xl">当平台管理系统的管理员用户,选择单位管理系统时,可在管辖区内对自己所选择的单位进行综合管理。</p>
            </div>

            <div className="flex items-center space-x-4 p-4 bg-blue-50 rounded-lg">
              <el-icon :size="32" >
                <User />
              </el-icon>
              <p className="text-gray-700 text-base indent-2xl">各个单位管理系统的管理员用户,只能对自己本单位进行综合管理。</p>
            </div>
          </div>
        </div>

        <div className="flex items-center space-x-4 p-4 bg-blue-50 rounded-lg border border-gray-100">
          <Phone style="width: 32px;height: 32px;" className="text-blue-600 flex-shrink-0" />
          <p className="text-gray-700 text-base indent-2xl">用户如在使用过程中遇到任何相关操作和技术问题,可拨打24小时服务热线<a href="tel:13823289603" className="text-blue-600 font-medium hover:underline ml-1">13823289603</a>进行相关咨询。</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
</script>

<style lang='scss' scoped></style>